<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.0/dist/echarts.min.js"></script>
</head>
<body>
<div id ="main" style="width: 1200px;height: 600px"></div>
<script type="application/javascript">
    var chartDom = document.getElementById('main');
    var myChart = echarts.init(chartDom);
    var option;

    option = {
        title: {
            text: '比特币'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['赚钱系数-涨', '砸盘系数-涨','亏钱系数-跌','升钱系数-跌']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data:{{.Xaxis}}
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '赚钱系数-涨',
                type: 'line',
                data: {{.WinYaxisZheng}},
                itemStyle:{
                    color:"blue"
                }
            },
            {
                name: '砸盘系数-涨',
                    type: 'line',
                data: {{.LoseYaxisZheng}},
                itemStyle:{
                    color:"green"
                }
            },
            {
                name: '亏钱系数-跌',
                    type: 'line',
                data: {{.WinYaxisFu}},
                itemStyle:{
                    color:"yellow"
                }
            },
            {
                name: '升钱系数-跌',
                type: 'line',
                itemStyle:{
                    color:"red"
                },
                data:{{.LoseYaxisFu}}
            }
        ]
    };

    myChart.setOption(option);

</script>
</body>
</html>
